<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- td的属性
        width
        height
        bgcolor
        align
        valign

        合并  重点重点
         colspan 列合并  水平合是列合并（因为没有跨行） 
            删除谁？删除同一行(本行)里的相关联的td
         rowspan 行合并  垂直合是行合并（因为跨行了）
            删除谁？删除相关联的tr里的td

         注意
            合并属性加在哪个标签上？ td
            怎么判断是行合并还是列合并
            合并之后要删除谁
     -->
</head>
<body>
    <table width="600px" height="300px" border="1" cellspacing="0">
        <tr>
            <td width="300px"  align="center">1</td>
            <td rowspan="3">2</td>
            <td>3</td>
        </tr>
        <tr>
             <td>1</td>
             <!-- <td>2</td> -->
             <td>3</td>
        </tr>
        <tr>
             <td>1</td>
             <!-- <td>2</td> -->
             <td>3</td>
        </tr>
        <tr>
             <td colspan="2">1</td>
             <!-- <td>2</td> -->
             <td>3</td>
        </tr>
    </table> 
</body>
</html>